<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<!-- DW6 -->

<head>

<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>MSDash - Searching</title>

<link rel="stylesheet" href="2col_leftNav.css" type="text/css" />

<style type="text/css">

<!--

.style2 {color: #FF0000}

.style3 {color: #334d55; font-weight: bold;}

.style5 {color: #334d55; font-weight: bold; }

-->

</style>

</head>

<!-- The structure of this file is exactly the same as 2col_rightNav.html;

     the only difference between the two is the stylesheet they use -->

<body >

<div id="masthead">

  <h1><em><strong></strong></em><strong> <img src="barrow.gif" width="13" height="25" /> Welcome to</strong><em><strong> M</strong></em><strong>ass</strong><em><strong> S</strong></em><strong>pectrometry</strong><em><strong> D</strong></em><strong>atabase</strong><em><strong> and S</strong></em><strong>earch</strong></h1>

  <h3><img src="logo_new.GIF" width="110" height="73" /></h3>
 
</div>

<!-- end masthead -->


<script language="JavaScript">

function toggleBox(DivId)

{

	var obj = document.getElementById(DivID);

	if(obj.style.display == "none"){

		obj.style.display = "block";

	}

	else{

		obj.style.display = "none";

	}

}   

</script>


<div id="content">
 
    
   <div class="story">
   <div id="theorySp"><strong>Theory Spectrum</strong></div>

    <h3>&nbsp;</h3>
    <form action="query.jsp" method="post"  name="form1" id="form1">

    <table width="681" height="56">
    	<tr>
    		<td align="right"><span class="style3">Peptide:</span>
    			<a onClick="toggleBox('100');"title="Input theory peptide to display the theory spectrum">
    				<img src="help.gif" valign="middle"></img>
    			</a>
    		</td>
    		<td>
    			 <input  type="text" name="input_pepstr"  minlength="5" maxlength="30" size=30 />
    	   </td>
    	</tr>
    </table>
   
         <table width="400">
         	<tr>
			<td align="right"> <input name="Submit"  onMouseMove="showtips('hint information')" onMouseOver="showtips('hint information')" type="submit" value="Perform" /> </td>
			<td align="center"><input name="Cancel" type="reset" value="Reset" /></td>
		    </tr>
         </table>
        
     </form>
  </div>
 <br/>
 <hr width="61.8%" align="left"/>
 <br/>
  <div id="breadCrumb"><strong>Spectrum Matching</strong></font></div>

  <div class="story">

    

    <form action="query.jsp" method="post" enctype="multipart/form-data" name="form2" id="form2">
      <table width="704" height="110">
      <tr>
    		<td align="right"><span class="style3">Peptide:</span>
    			<a onClick="toggleBox('100');"title="Input theory peptide to display the theory spectrum">
    				<img src="help.gif" valign="middle"></img>
    			</a>
    		</td>
    		<td>
    			 <input minlength="5" maxlength="30" type="text" name="peptide2" size=30 value=""/>
    	   </td>
    	</tr>
			<tr>
                   <td align="right"> <span class="style3">Experiment Spectra: </span> 

                       <a onClick="toggleBox('100');" title="Your input MS spectra should be plain text format and one MS spectra per file!">

                       <img src="help.gif"  valign="middle"></img></a></td>

                    <div id="100" style="display:none">

                        Your input MS spectra should be plain text format and one MS spectra per file!

                    </div>

                    <td> <input type="file" name="inputSpectra" size="40" value="inputSpectra..."/> </td>

                </tr>
                

                <tr>

                    <td align="right"> <span class="style3">Error Tolerance:</span>

                    <a onClick="toggleBox('100');" title="Choose the error tolerance from 0.1dalton, 0.2 dalton, 0.3dalton, 0.5dalton and 1.0dalton">

                       <img src="help.gif"  valign="middle"></img></a></td>

                    <td><select name="errorRange" >

                        <option>0.1</option>

                        <option>0.2</option>

                        <option>0.3</option>

                        <option selected="selected" >0.5</option>

                        <option>1.0</option>

                     </select></td>

                </tr>
		
      </table>
      
         <table width="400">
         	<tr>
			<td align="right"> <input name="Submit"  onMouseMove="showtips('hint information')" onMouseOver="showtips('hint information')" type="submit" value="Perform" /> </td>
			<td align="center"><input name="Cancel" type="reset" value="Reset" /></td>
		    </tr>
         </table>
        
    </form>

    <p>&nbsp;</p>

  </div>

  <div class="story">

    <h3>&nbsp;</h3>

  </div>

</div>

<!--end content -->

<div id="navBar">

  <div id="search">

    <form action="#">

      <label><br />

      <span class="style2">Information</span></label>

    </form>

  </div>

  <div id="sectionLinks">

    <ul>

      <li><a href="introduction.html">Project Introduction</a></li>

      <li><a href="faq.html">FAQ</a></li>

      <li><a href="ref.html">Paper</a></li>

      <li></li>

    </ul>

  </div>

  <div class="relatedLinks">

    <div id="div">

      <h3 class="style2">Query</h3>

      <ul><li><a href="query.html">MS Matching</a></li>

        <li></li>

      </ul>

    </div>

  </div>

  <div class="relatedLinks">

    <h3 class="style2">Database</h3>

    <ul>

      <li><a href="submit.html">Submit MS data</a><a href="#"></a></li>

      <li><a href="viewdb.jsp">Download MS data</a><a href="#"></a></li>

      <li><a href="#">FTP site </a></li>

      <li></li>

      <li>

        <h3><span class="style2">Contact us</span>        </h3>

      </li>

      <li>

        <ul>

          <li><a href="contact.html">Email</a><a href="#"></a></li>

          <li><a href="#"></a></li>

        </ul>

        <label><span class="style2"><br />

        </span></label>

      </li>

      <li></li>

    </ul>

  </div>

  <div id="advert">

    <p>

      <label><span class="style2">Seach in this site <br />

      </span></label>

      <input name="searchFor" type="text" size="10" />

      <input name="goButton" type="submit" value="go" />

</p>

    <p>&nbsp;</p>

  </div>

</div>

<!--end navbar -->

<div id="siteInfo"><a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | &copy;2007 the Department of Computer Science, the University of Western Ontario </div>

<br />

</body>

</html>

